<template>
    <div v-if="total > pageSize" class="yContainerRowCenter" style="background: white;padding: 10px;margin-top: 10px">
        <el-pagination @current-change="onPageChange" background layout="total, prev, pager, next, jumper" :page-size="pageSize" :total="total"/>
    </div>
</template>

<script>
export default {
    props: {
        total: {type: Number, default: 0},
        pageSize: {type: Number, default: 0},
    },
    data() {
        return {}
    },
    beforeCreate() {
    },
    methods: {
        onPageChange(page) {
            this.$emit('onPageChange', page);
        },
    },
}
</script>

<style scoped>

</style>
